<section id="login_section">
    <header>
        <nav class="left">
            <a href="#" data-icon="undo" data-target="back">返回</a>
        </nav>
        <h1 class="title">登录</h1>
    </header>
    <article class="active" data-scroll="true" id="login_article" style="background-color: #eee;">
        <div style="padding: 30px 20px 20px 20px;">
            <input type="text" placeholder="用户名" style="border: none;" id="username" data-icon="home" value="">
            <input type="password" placeholder="密码" style="border: none;" id="password" value="">
            <a class="button block" href="#" data-icon="lock" id="btn_login" style="padding:10px 5px;" >登录</a>

        </div>
        <div style="text-align: center">
            <button data-icon="qrcode" id="btn_qr_login" style="margin: 10px;background-color: #27AE60 ">二维码登录</button>
        </div>
        <div style="text-align: center;padding: 10px;">
            <p >请在web端登录后，寻找你的密钥：http://my.eoe.cn/admin/profile/auth.html</p>
            <img src="images/dis_user_example.png">
        </div>

    </article>
</section>